import React from 'react';
import {Button, View,} from "@tarojs/components";
import Taro from '@tarojs/taro';
import './index.scss'
function AuthLogin() {

  function showModel(title,content) {
    Taro.showModal({
      title:title,
      content:content,
    });
  }
  function onClickScanCode() {
    Taro.scanCode({
      success:function (result) {
        var str = result.result;
        Taro.showModal({
          title:'扫码内容',
          content:`扫码内容为：${str}`
        });
      }
    });
  }
  // onGetPhoneNumberEventDetail((e)=>{
  //   console.log(e);
  // });
  return (
    <View
      id={'view'}
      className={'view-index'}
    >
      <Button
        className={'button-scan-code'}
        onclick={()=>onClickScanCode()}
      >
        scan code
      </Button>
      <Button
        className={'button-query-network-status'}
        onclick={()=>{
          Taro.getNetworkType({
            success:function (res) {
              showModel('获取网络状态',`当前处于 ${res.networkType} 网络环境下`);
            }
          });
        }}
      >
        query network status
      </Button>
      <Button
        className={'button-request-login'}
        onclick={()=>{
          Taro.login({
            success:function (res) {
              showModel('登录申请',`登录code为：${res.code}`);
            }
          });
        }}
      >
        request login
      </Button>
      <Button
        className={'button-check-login'}
        // onclick={()=>{
        //   Taro.checkSession({
        //     success:function () {
        //       showModel('登录状态校验','登录状态有效');
        //     },
        //     fail:function () {
        //       showModel('登录状态校验','登录失效，请重新登录');
        //     }
        //   });
        // }}
      >
        login check
      </Button>
      <Button
        openType={'getPhoneNumber'}
        className={'button-query-mobile'}
        onGetPhoneNumber={async (e)=>{
          console.log(12312312312);
          console.log(e);
          console.log(12312312312);
        }}
      >
        request mobile
      </Button>
      <Button
        className={'button-auth-address'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.address']){
                Taro.authorize({
                  scope:'scope.address',
                  success:function () {
                    showModel('授权请求','用户已同意授权通讯地址，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权通讯地址');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权通讯地址，请放心使用');
              }
            }
          });
        }}
      >
        record auth
      </Button>
      <Button
        className={'button-auth-camera'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.camera']){
                Taro.authorize({
                  scope:'scope.camera',
                  success:function () {
                    showModel('授权请求','用户已同意授权摄像头，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权摄像头');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权摄像头，请放心使用');
              }
            }
          });
        }}
      >
        record auth
      </Button>
      <Button
        className={'button-auth-invoice'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.invoice']){
                Taro.authorize({
                  scope:'scope.invoice',
                  success:function () {
                    showModel('授权请求','用户已同意授权获取发票，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权获取发票');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权获取发票，请放心使用');
              }
            }
          });
        }}
      >
        invoice auth
      </Button>
      <Button
        className={'button-auth-invoiceTitle'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.invoiceTitle']){
                Taro.authorize({
                  scope:'scope.invoiceTitle',
                  success:function () {
                    showModel('授权请求','用户已同意授权发票抬头，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权发票抬头');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权发票抬头，请放心使用');
              }
            }
          });
        }}
      >
        invoiceTitle auth
      </Button>
      <Button
        className={'button-auth-record'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.record']){
                Taro.authorize({
                  scope:'scope.record',
                  success:function () {
                    showModel('授权请求','用户已同意授权录音功能，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权录音功能');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权录音功能，请放心使用');
              }
            }
          });
        }}
      >
        record auth
      </Button>
      <Button
        className={'button-auth-userInfo'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.userInfo']){
                Taro.authorize({
                  scope:'scope.userInfo',
                  success:function () {
                    Taro.getUserInfo({
                      success:function (res) {
                        console.log(res);
                        showModel('授权请求',`用户信息：${res}`);
                      },
                      fail:function () {
                        showModel('授权请求','获取用户信息失败');
                      }
                    });
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权用户信息');
                  }
                });
              } else {
                Taro.getUserInfo({
                  success:function (res) {
                    console.log(res);
                    showModel('授权请求',`用户信息：${res}`);
                  },
                  fail:function () {
                    showModel('授权请求','获取用户信息失败');
                  }
                });
              }
            }
          });
        }}
      >
        userInfo auth
      </Button>
      <Button
        className={'button-auth-userLocation'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.userLocation']){
                Taro.authorize({
                  scope:'scope.userLocation',
                  success:function () {
                    showModel('授权请求','用户已同意授权地理位置，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权地理位置');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权地理位置，请放心使用');
              }
            }
          });
        }}
      >
        userLocation auth
      </Button>
      <Button
        className={'button-auth-werun'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.werun']){
                Taro.authorize({
                  scope:'scope.werun',
                  success:function () {
                    showModel('授权请求','用户已同意授权微信运动步数，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权微信运动步数');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权微信运动步数，请放心使用');
              }
            }
          });
        }}
      >
        werun auth
      </Button>
      <Button
        className={'button-auth-writePhotosAlbum'}
        onclick={()=>{
          Taro.getSetting({
            success:function (res) {
              // 如果未授权语音功能，则发起授权申请
              if (!res.authSetting['scope.writePhotosAlbum']){
                Taro.authorize({
                  scope:'scope.writePhotosAlbum',
                  success:function () {
                    showModel('授权请求','用户已同意授权保存到相册，请放心使用');
                  },
                  fail:function () {
                    showModel('授权请求','用户拒接授权保存到相册');
                  }
                });
              } else {
                showModel('授权请求','用户已经授权保存到相册，请放心使用');
              }
            }
          });
        }}
      >
        writePhotosAlbum auth
      </Button>
    </View>
  );
}
export default AuthLogin;
